<style>
	div.enrollment-menu
	{
		padding:20px;
	}
	div.option{
		margin:20px 5px;
	}
	ul li{
		list-style:none;
	}
	textarea{
		width:90%;
		min-height:150px;
		max-height:150px
	}
	span{
		padding:0px;
		margin:0px;
		font-size:15px;
		color: #4d4d4d;
	}
	form.custom .custom.checkbox.checked:before {
    content: "\2714";
	cursor: pointer;
	}
	#legal_guardian_info{
		display:none;
	}
	#father_info{
		display:none;
	}
	#step_father_info{
		display:none;
	}
	#mother_info{
		display:none;
	}
	#step_mother_info{
		display:none;
	}
</style>

<div class="large-1 columns">&nbsp;</div>
<div class="large-10 columns enrollment-menu content-views">

<?echo form_open('register/register_old','id="check-form-submit" class="custom" data-abide autocomplete="off"');?>

<div class="alert">
	<i class="icon-info-sign"></i>&nbsp;&nbsp;<strong>Things To Remember</strong>
	<ul>
		<li><strong>Please use a valid email address as your account credentials will be sent there.</strong></li>
		<li><strong>Place "none", if you will answer none. For some required entry.</strong></li>
		<li><strong><?=form_checkbox('failure_to_provide', 'yes', TRUE);?>&nbsp;Failure to provide complete and accurate information of any kind on this form will void the application and may result to its cancellation. WESTFIELDS INTERNATIONAL SCHOOL reserves the right to determine the placement of the application in the grade level or subjects deemed most appropriate fo the student's school experience / performance.</strong></li>
		<li><strong><?=form_checkbox('to_the_best', 'yes', TRUE);?>&nbsp;To the best of my knowledge the information written on this form is true and correct.</strong></li>
	</ul>
</div>

<?=$system_message;?>

<div class="section-container auto" data-section>
  <section id="panel1" class="active">
    <p class="title" data-section-title><a href="#panel1">Step 1 <?php echo $error_number_1 > 0 ? '<span class="badge badge-important">'.$error_number_1.'</span>' : '<span class="label label-success">'.$error_number_1.'</span>' ; ?> </a></p>
    <div class="content" data-section-content>
      <p>
		<div class="clearfix"></div>
		<?php echo $this->load->view('register/applicant_information'); ?>
	  </p>
    </div>
  </section>
  <section id="panel2">
    <p class="title" data-section-title><a href="#panel2">Step 2 <?php echo $error_number_2 > 0 ? '<span class="badge badge-important">'.$error_number_2.'</span>' : '<span class="label label-success">'.$error_number_2.'</span>' ; ?> </a></p>
    <div class="content" data-section-content>
      <p>
		<div class="clearfix"></div>
		<?php echo $this->load->view('register/parent_legal_information'); ?>
	  </p>
    </div>
  </section>
  <section id="panel3">
    <p class="title" data-section-title><a href="#panel3">Step 3 <?php echo $error_number_3 > 0 ? '<span class="badge badge-important">'.$error_number_3.'</span>' : '<span class="label label-success">'.$error_number_3.'</span>' ; ?> </a></p>
    <div class="content" data-section-content>
      <p>	  
	  <div class="clearfix"></div>
	  <?php echo $this->load->view('register/health_history_information'); ?>
	  </p>
    </div>
  </section>
  <section id="panel4">
    <p class="title" data-section-title><a href="#panel4">Step 4 <?php echo $error_number_4 > 0 ? '<span class="badge badge-important">'.$error_number_4.'</span>' : '<span class="label label-success">'.$error_number_4.'</span>' ; ?> </a></p>
    <div class="content" data-section-content>
      <p>
	  <div class="clearfix"></div>
	  <?php echo $this->load->view('register/authorization_information'); ?>
	  </p>
    </div>
  </section>
</div>

<?php echo form_close(); ?>

</div>
<div class="large-1 columns">&nbsp;</div>
</div>

<script>
$( document ).ready(function() {

	$('#living_in_ph_with_guardian').on('click blur focus change', function(event) {
		if ( $('#living_in_ph_with_guardian').is(':checked') ) {
			$('#legal_guardian_info').css('display','block');
		}else{
			$('#legal_guardian_info').css('display','none');
		}
	});
	
	if ( $('#living_in_ph_with_guardian').is(':checked') ) {
		$('#legal_guardian_info').css('display','block');
	}else{
		$('#legal_guardian_info').css('display','none');
	}
	
	$('#child_nationality').on('click blur focus change', function(event) {
		if ( $('#child_nationality').val() == 'other' ) {
			$('#for_other_nationality').css('display','block');
		}else{
			$('#for_other_nationality').css('display','none');
		}
	});
	
	if ( $('#child_nationality').val() == 'other' ) {
		$('#for_other_nationality').css('display','block');
	}else{
		$('#for_other_nationality').css('display','none');
	}
	
});
</script>
